
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8" xmlns:th="http://www.thymeleaf.org"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!--<![endif]-->
<head>
    <meta charset="utf-8" />
    <title>气象服务</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />

    <!-- ================== BEGIN BASE CSS STYLE ================== -->
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" />
    <link th:href="@{/assets/plugins/jquery-ui/jquery-ui.min.css}" rel="stylesheet" />
    <link th:href="@{/assets/plugins/bootstrap/4.1.0/css/bootstrap.min.css}" rel="stylesheet" />
    <link th:href="@{/assets/plugins/font-awesome/5.0/css/fontawesome-all.min.css}" rel="stylesheet" />
    <link th:href="@{/assets/plugins/animate/animate.min.css}" rel="stylesheet" />
    <link th:href="@{/assets/css/default/style.min.css}" rel="stylesheet" />
    <link th:href="@{/assets/css/default/style-responsive.min.css}" rel="stylesheet" />
    <link th:href="@{/assets/css/default/theme/default.css}" rel="stylesheet" />
    <!-- ================== END BASE CSS STYLE ================== -->

</head>
<body>
<!-- begin #page-container -->
<div id="page-container" class="fade page-without-sidebar">
    <!-- begin #content -->
    <div id="content" class="content">
        <!-- begin row -->
        <div class="row">
            <div class="col-lg-3 col-md-6">
                <a href="javascript:;" style="text-decoration:none; color:#333">
                    <div class="widget widget-stats bg-gradient-teal">
                        <div class="stats-icon stats-icon-lg"><i class="fa fa-wrench fa-fw"></i></div>
                        <div class="stats-content">
                            <div class="stats-number">设备管理</div>
                            <div class="stats-progress progress">
                                <div class="progress-bar" style="width: 100%;"></div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <!-- end col-3 -->
            <!-- begin col-3 -->
            <div class="col-lg-3 col-md-6">
                <a href="javascript:;" style="text-decoration:none; color:#333">
                    <div class="widget widget-stats bg-gradient-blue">
                        <div class="stats-icon stats-icon-lg"><i class="fa fa-cloud fa-fw"></i></div>
                        <div class="stats-content">
                            <div class="stats-number">自动气象站</div>
                            <div class="stats-progress progress">
                                <div class="progress-bar" style="width: 100%;"></div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <!-- end col-3 -->
            <!-- begin col-3 -->
            <div class="col-lg-3 col-md-6">
                <a href="javascript:;" style="text-decoration:none; color:#333">
                    <div class="widget widget-stats bg-gradient-purple">
                        <div class="stats-icon stats-icon-lg"><i class="fa fa-snowflake fa-fw"></i></div>
                        <div class="stats-content">
                            <div class="stats-number">观冰站</div>
                            <div class="stats-progress progress">
                                <div class="progress-bar" style="width: 100%;"></div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <!-- end col-3 -->
            <!-- begin col-3 -->
            <div class="col-lg-3 col-md-6">
                <a href="javascript:;" style="text-decoration:none; color:#333">
                    <div class="widget widget-stats bg-gradient-black">
                        <div class="stats-icon stats-icon-lg"><i class="fa fa-sun fa-fw"></i></div>
                        <div class="stats-content">
                            <div class="stats-number">气象预报</div>
                            <div class="stats-progress progress">
                                <div class="progress-bar" style="width: 100%;"></div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
            <!-- end col-3 -->
        </div>
        <!-- end row -->

        <!-- begin row -->
        <div class="row">
            <!-- begin col-6 -->
            <div class="col-md-12">
                <div class="m-b-10 f-s-10 m-t-5"><b class="text-inverse">气象预报</b></div>
                <!-- begin card-group -->
                <div class="card-group">
                    <!-- begin card -->
                    <div class="card">
                        <img class="card-img-top" src="../assets/img/gallery/gallery-6.jpg" alt="Card image cap" />
                        <div class="card-block">
                            <h4 class="card-title">Card title</h4>
                            <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
                            <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
                        </div>
                    </div>
                    <!-- end card -->
                    <!-- begin card -->
                    <div class="card">
                        <img class="card-img-top" src="../assets/img/gallery/gallery-7.jpg" alt="Card image cap" />
                        <div class="card-block">
                            <h4 class="card-title">Card title</h4>
                            <p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p>
                            <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
                        </div>
                    </div>
                    <!-- end card -->
                    <!-- begin card -->
                    <div class="card">
                        <img class="card-img-top" src="../assets/img/gallery/gallery-8.jpg" alt="Card image cap" />
                        <div class="card-block">
                            <h4 class="card-title">Card title</h4>
                            <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
                            <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
                        </div>
                    </div>
                    <!-- end card -->
                    <!-- begin card -->
                    <div class="card">
                        <img class="card-img-top" src="../assets/img/gallery/gallery-9.jpg" alt="Card image cap" />
                        <div class="card-block">
                            <h4 class="card-title">Card title</h4>
                            <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</p>
                            <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
                        </div>
                    </div>
                    <!-- end card -->
                    <!-- begin card -->
                    <div class="card">
                        <img class="card-img-top" src="../assets/img/gallery/gallery-9.jpg" alt="Card image cap" />
                        <div class="card-block">
                            <ul class="list-group list-group-flush">
                                <li class="list-group-item">Cras justo odio</li>
                                <li class="list-group-item">Dapibus ac facilisis in</li>
                                <li class="list-group-item">Vestibulum at eros</li>
                                <li class="list-group-item">Vestibulum at eros</li>
                                <li class="list-group-item">Vestibulum at eros</li>
                                <li class="list-group-item">Vestibulum at eros</li>
                            </ul>
                        </div>
                    </div>
                    <!-- end card -->
                    <!-- begin card -->
                    <div class="card">
                        <img class="card-img-top" src="../assets/img/gallery/gallery-9.jpg" alt="Card image cap" />
                        <div class="card-block">
                            <h4 class="card-title">Card title</h4>
                            <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</p>
                            <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
                        </div>
                    </div>
                    <!-- end card -->
                    <!-- begin card -->
                    <div class="card">
                        <img class="card-img-top" src="../assets/img/gallery/gallery-9.jpg" alt="Card image cap" />
                        <div class="card-block">
                            <h4 class="card-title">Card title</h4>
                            <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</p>
                            <p class="card-text"><small class="text-muted">2018年7月19日</small></p>
                        </div>
                    </div>
                    <!-- end card -->
                </div>
                <!-- end card-group -->
            </div>
            <!-- end col-12 -->
        </div>
        <!-- end row -->



    </div>
    <!-- end #content -->

    <!-- begin scroll to top btn -->
    <a href="javascript:;" class="btn btn-icon btn-circle btn-success btn-scroll-to-top fade" data-click="scroll-top"><i class="fa fa-angle-up"></i></a>
    <!-- end scroll to top btn -->
</div>
<!-- end page container -->

<!-- ================== BEGIN BASE JS ================== -->
<script th:src="@{/assets/plugins/jquery/jquery-3.2.1.min.js}"></script>
<script th:src="@{/assets/plugins/jquery-ui/jquery-ui.min.js}"></script>
<script th:src="@{/assets/plugins/bootstrap/4.1.0/js/bootstrap.bundle.min.js}"></script>
<!--[if lt IE 9]>
<script th:src="@{/assets/crossbrowserjs/html5shiv.js}"></script>
<script th:src="@{/assets/crossbrowserjs/respond.min.js}"></script>
<script th:src="@{/assets/crossbrowserjs/excanvas.min.js}"></script>
<![endif]-->
<script th:src="@{/assets/plugins/slimscroll/jquery.slimscroll.min.js}"></script>
<script th:src="@{/assets/plugins/js-cookie/js.cookie.js}"></script>
<script th:src="@{/assets/js/theme/default.min.js}"></script>
<script th:src="@{/assets/js/apps.min.js}"></script>
<!-- ================== END BASE JS ================== -->

<script>
    $(document).ready(function() {
        App.init();
    });
</script>
</body>
</html>
